<template>
    <div class="show_price">
      <!-- 显示价格 -->
      <p class="pay_name">需要向藏宝阁卖家付款</p>
      <p v-if="value != -1" class="pay_price">¥{{value}}</p>
      <p v-if="value == -1" class="pay_price">
        <van-loading size="24px" vertical>支付价格计算中...</van-loading>
      </p>
    </div>
</template>
<script>
export default {
  name:"ShowPrice",
  props:["value"]
}
</script>
<style lang="less" scoped>
  .show_price{
    width: 100%;
    font-size: 0.18rem;
    text-align: center;
    background-color: #FFF;
    border-top: 0.01rem solid #DDDDDD;
    border-bottom: 0.01rem solid #DDDDDD;
    padding: 0.2rem 0rem;
    .pay_name{
      font-size: 0.16rem;
      margin: 0.1rem 0rem;
    }
    .pay_price{
      font-size: 0.3rem;
      font-weight: bold;
    }
  }
</style>